<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Login Ajax</title>
</head>
<body>
<div>
    <p>完全使用 Ajax 去发送请求，前后端分离，如果要用 React、Vue，也是一样的</p>
    <p>这种做法适用于前后端分离项目，中大型</p>
</div>
<div>
    <label for="account">账号</label>
    <input id="account" name="account" type="text" placeholder="请输入账号"/>
    <label for="pwd">密码</label>
    <input id="pwd" name="pwd" type="password" placeholder="请输入密码">
    <button type="submit" id="logIn">登录</button>
</div>

<script th:src="@{/js/jquery-3.5.1.js}"></script>
<script th:src="@{/js/loginAjax.js}"></script>
</body>
</html>